<template>
  <el-checkbox v-model="input" />
</template>

<script setup>
import { ref, watch } from 'vue';

const props = defineProps({
  modelValue: {
    type: Boolean,
    default: false,
  },
});

const emit = defineEmits(['update:modelValue']);

const input = ref(props.modelValue);

watch(input, (newValue) => {
  emit('update:modelValue', newValue);
});

</script>